<template>
  <div class="completion" >
    
    <Title :isNecessary="question.isNecessary" :no="no" :title="question.title"></Title>
    <div class="option">
      <el-input v-model="input" resize="both" @change="modify" :disabled="isDisable"></el-input>
    </div>
  </div>
</template>

<script>
import Title from './Title.vue'

export default {
  name:'Completion',
  components: {
    Title,
  },
  data(){
   return {
     
   }
  },
  props: {
    isDisable: {
      type: Boolean,
      default: false,
    },
    question: {
      type: Object,
      default: {}
    },
    no: {
      type: Number,
      default: 0
    },
    input: {
      type: String,
      default: ''
    }
    // radio: {
    //   type: Number,
    //   default: 0,
    // }
  },
  emits: ['changeCompletion'],
  methods: {
    modify() {
      this.question.content = this.input
      this.$emit('changeCompletion', this.question)
    },
    
  },
}
</script>

<style scoped src='assets/css/fillcss/completion.css'>
  /* @import url('../css/completion.css'); */
  
</style>
